<template>
  <v-sheet class="d-flex justify-space-between align-center">
    <a-slider style="width:100%;" v-model:value="value" :step="step" :min="min" :max="max" :disabled="disabled" />
    <a-input-number v-model:value="value" :min="min" :max="max" style="margin-left: 16px" />
  </v-sheet>

</template>
<script lang="ts" setup>
import { ref } from 'vue';
interface Props {
  min?: number;
  max?: number;
  disabled?: boolean;
  step?: number;
}
const props = withDefaults(defineProps<Props>(), {
  min: 0,
  max: 2048,
  disabled: false,
  step: 16,
});
const value=defineModel({
  default: 1024,
})


</script>
<style scoped>

</style>